<script src="admin/j/f/mousewheel.js" type="text/javascript" charset="utf-8"></script>
<script src="admin/j/f/easing.js" type="text/javascript" charset="utf-8"></script>
<script src="admin/j/f/fancybox.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="admin/j/f/fancybox.css" type="text/css" media="screen" title="no title" charset="utf-8">
<script type="text/javascript" charset="utf-8">
	$(document).ready(function() {

		/* This is basic - uses default settings */

		$("a#single_image").fancybox();

		/* Using custom settings */

		$("a#inline").fancybox({
			'hideOnContentClick': true
		});

		/* Apply fancybox to multiple items */

		$("a.group").fancybox({
			'transitionIn'	:	'elastic',
			'transitionOut'	:	'elastic',
			'speedIn'		:	600, 
			'speedOut'		:	200, 
			'overlayShow'	:	false
		});

	});
</script>